<template>
  <div class="tkbox cjresult_tkbox qrcodebox clmcenter">
    <div class="tkcontainer clmcenter">
      <div class="tk_container clmcenter">
        <div class="qrcodeinfo">
          <img :src="qrcode" class="qrcodeimg" />
          <p class="qrcodetips">凭此码前往门店领取</p>
        </div>
      </div>
      <div class="cfmbtnbox backbtn" @click="$router.replace({ path: '/index', query: { intxt: 'back' } })">
        <img src="@/assets/img/btn_toindex.png" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    qrcode: {
      type: String,
    },
  },
};
</script>
<style lang="less" scoped>
// 核销二维码
.qrcodebox {
  .tkcontainer {
    .tk_container {
      height: 519px;
      background: url("@/assets/img/tk_bg.png") no-repeat center;
      background-size: 100% 100%;
      .qrcodeinfo {
        .qrcodeimg {
          width: 250px;
          height: 250px;
          padding: 0.5rem;
          border: 7px solid #d9d9d9;
          box-sizing: border-box;
        }
        .qrcodetips {
          padding-top: 1rem;
          font-size: 1.8rem;
          color: #000000;
          text-align: center;
        }
      }
    }
    .backbtn {
      margin-top: 4rem;
    }
  }
}
</style>
